<template>
    <div>
        <MyDialog>
            <!-- 需要通过 template 标签，包裹需要分发的结构，包成一个整体，实现准确分发 -->
            <!-- 使用 v-slot:插槽名，指定插槽名，可简写成：#插槽名 -->
            <template v-slot:content>
                <div>我是内容</div>
            </template>
            <template #head>
                <div>我是标题</div>
            </template>
            <template #footer>
                <button>确认</button>
                <button>取消</button>
            </template>
        </MyDialog>
    </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'

export default {
    data() {
        return {}
    },
    components: {
        MyDialog
    }
}
</script>

<style>
body {
    background-color: #b3b3b3;
}
</style>